<%-- 
    Document   : template
    Created on : Aug 18, 2014, 5:50:08 AM
    Author     : HT
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Reset Password</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" href="resources/main/css/bootstrap.min.css"
	rel="stylesheet">
<link type="text/css"
	href="resources/main/css/bootstrap-responsive.min.css" rel="stylesheet">
<link type="text/css" href="resources/main/css/theme.css"
	rel="stylesheet">
<link type="text/css" href="resources/main/css/font-awesome.css"
	rel="stylesheet">
<link type="text/css"
	href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600'
	rel='stylesheet'>
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">

<!--  Java Script -->
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script src="resources/main/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript"
	src="resources/main/js/tablecontroll/paging.js"></script>
<script type="text/javascript"
	src="resources/main/js/tablecontroll/sorttable.js"></script>
<script type="text/javascript"
	src="resources/main/js/newRequestReset.js"></script>

<!--  Date Mask -->
<script type="text/javascript"
	src="resources/main/js/jquery.inputmask.js"></script>
<script type="text/javascript"
	src="resources/main/js/jquery.inputmask.extensions.js"></script>
<script type="text/javascript"
	src="resources/main/js/jquery.inputmask.date.extensions.js"></script>
</head>
<body>
	<div class="navbar navbar-fixed-top">
		<%@include file="head-banner.jsp"%>
		<!-- /navbar-inner a-->
	</div>
	<!-- /navbar -->
	<div class="wrapper">
		<div class="container">
			<div class="row">
				<%@include file="left-banner.jsp"%>
				<!--/.span3-->
				<div class="span9">
					<div class="content" style="width: 100%">
						<div class="module message">
							<div class="module-head">
								<h3>New Request Reset Password</h3>
							</div>
							<div class="module-option clearfix">
								<div>
									<div class="input-append pull-left">
										<input type="text" class="span3"
											placeholder="Search By Name..." id="txtSFullName">
										<button type="submit" class="btn" id="btnAdvancedSearch">
											<i class="icon-search"></i>
										</button>
									</div>
									<a id="btnShowAdvanceSearch"
										style="float: left; padding-left: 10px; padding-right: 10px; padding-top: 5px">Advance
										Search</a>
								</div>
								<br> <br>
								<form action="#" method="post">
									<div id="panelAdvanceSearch"
										style="text-align: left; display: none;">
										<div style="display: block">
											<div class="" style="width: 220px; float: left">
												<label for="">Username: </label>
												<div class="controls row-fluid">
													<input class="span12" type="text" id="txtSUsername"
														placeholder="Username">
												</div>
											</div>
											<div style="width: 220px; float: left; margin-left: 30px;">
												<label class="control-label">Role:</label> <select
													tabindex="1" class="span8" id="txtSRole"
													style="width: 220px;">
													<option value="">All</option>
													<option value="User Admin">User Admin</option>
													<option value="User Support">User Support</option>
													<option value="Account Admin">Account Admin</option>
													<option value="Account Support">Account Support</option>
													<option value="Report Support">Report Support</option>
												</select>
											</div>
										</div>
										<div style="display: block; clear: both">
											<div style="width: 220px; float: left;">
												<label for="">Date Range: </label> <input type="text"
													id="txtSFrom" placeholder="From" style="float: left" data-inputmask="'alias': 'yyyy-mm-dd'" data-mask>
											</div>
											<div style="width: 220px; float: left; margin-left: 30px;">
												<label style="color: white">invisible</label> <input
													type="text" id="txtSTo" placeholder="To"
													style="float: left;" data-inputmask="'alias': 'yyyy-mm-dd'" data-mask>
											</div>
										</div>
										<div class="" style="clear: both">
											<div class="controls clearfix">
												<button type="reset" class="btn btn-primary pull-left"
													style="margin-left: 15px;">Clear</button>
												<button type="button" id="btnHideAdvanceSearch"
													class="btn btn-primary pull-left"
													style="margin-left: 15px;">Hide</button>
											</div>
										</div>
									</div>
								</form>
							</div>
							<div class="module-body table">
								<div id="panelResetPassword"
									style="text-align: left; margin-top: 15px; display: none">
									<form action="processresetpassword.html" method="post">
										<input type="hidden" name="txtCurrentUsername" value="${user}">
										<div id="detailContent">

											<!--  Load Transaction Detail using Ajax and JSon -->

										</div>
									</form>
								</div>

								<table class="table table-message sortable" id="tablepaging">
									<thead>
										<tr class="heading">
											<td class="cell-title" style="width: 1%; text-align: center">
												#</td>
											<td class="cell-title" style="width: 16%; text-align: center">
												Username</td>
											<td class="cell-title" style="width: 20%; text-align: center">
												Role</td>
											<td class="cell-title" style="width: 29%; text-align: center">
												Full Name</td>
											<td class="cell-time" style="width: 20%; text-align: center">
												Date</td>
											<td class="cell-time" style="width: 14%; text-align: center">
												Action</td>
										</tr>
									</thead>
									<tbody>

										<!-- Load Request Reset Content -->

									</tbody>
								</table>
								<input id="numberOfRow" type="hidden" value="">
							</div>
							<div class="pagination pagination-centered" id="pageNavPosition">
							</div>
						</div>
					</div>
					<!--/.content-->
				</div>
				<!--/.span9-->
			</div>
		</div>
		<!--/.container-->
	</div>
	<!--  Dialog Message-->
	<input type="hidden" id="messageReturn" value="${messageResult}" />
	<div id="dialog-message" title="Reset Password"
		style="font-size: 16px; display: none;">
		<p>
			<span class="ui-icon ui-icon-circle-check"
				style="float: left; margin: 0 7px 50px 0;"></span> ${messageResult}
		</p>
	</div>
	<!--  End - Dialog Message-->
	<!--/.wrapper-->
	<div class="footer">
		<%@include file="footer.jsp"%>
	</div>
</body>
<script type="text/javascript">
	var message = $("#messageReturn").val();
	if (message != "") {
		$(function() {
			$("#dialog-message").dialog({
				modal : true,
				width : 600,
				height : 'auto',
				fluid : true, //new option
				resizable : false,
				buttons : {
					Ok : function() {
						$(this).dialog("close");
					}
				}
			});
		});
	}

	$(function() {
		//Datemask dd/mm/yyyy
		$("#datemask").inputmask("dd-mm-yyyy", {
			"placeholder" : "dd-mm-yyyy"
		});
		//Money Euro
		$("[data-mask]").inputmask();
	})
</script>
</html>
